<template>
    <div class="iframe-container">
        <iframe v-if="$route.meta.href" :src='$route.meta.href' class="iframe" frameborder="0" ref="iframe"></iframe>
        <a class="open" :href="$route.meta.href" target="_blank"><i class="el-icon-mars-target-link-copy"></i></a>
    </div>

</template>

<script>
export default {
    name: "IFrame",
    data() {
        return {};
    }
};
</script>

<style rel="stylesheet/scss" lang="scss">
.iframe-container {
    width: 100%;
    height: 100%;
    .iframe {
        width: 100%;
        height: 99%;
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
    }
    .open {
        position: absolute;
        top: 10px;
        right: 30px;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        color: #1296db
    }
}
</style>